<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.4.1-dist/css/bootstrap.min.css"/>
	</head>
	<body>
		<div class="container" >
			<div style="padding: 3vw;background-color: #ebebeb;height: 15vw; margin-bottom: 3vw;">
				<div><h1>我的第一个Bootstrap页面</h1></div>
				<div>重置窗口大小，查看相应效果！</div>
			</div>
			<div class="row" >
				<div class="col-3">
					<div><h5>第一列</h5></div>
					<div>学得不仅是技术，更是梦想！</div>
					<div>再牛逼的梦想也抵不住你的坚持</div>
				</div>
				<div class="col-3">
					<div><h5>第二列</h5></div>
					<div>学得不仅是技术，更是梦想！</div>
					<div>再牛逼的梦想也抵不住你的坚持</div>
				</div>
				<div class="col-3">
					<div><h5>第三列</h5></div>
					<div>学得不仅是技术，更是梦想！</div>
					<div>再牛逼的梦想也抵不住你的坚持</div>
				</div>
				<div class="col-3">
					<div><h5>第四列</h5></div>
					<div>学得不仅是技术，更是梦想！</div>
					<div>再牛逼的梦想也抵不住你的坚持</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap-4.4.1-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
